Spatial Memory: Why It Matters for UX Design 空間記憶

空間記憶是透過反覆互動記住目標位置的能力。在GUI中，這種記憶可以幫助使用者對常用功能或資料的訪問實現自動化，減少重複的視覺搜尋成本。

支援使用者空間記憶的兩大要素 (Key Factors for Supporting Spatial Memory)

穩定的介面佈局：物件的位置應保持穩定，避免頻繁移動。

反覆的使用和互動：使用者需要多次與介面元素互動才能建立記憶。

研究: 研究顯示，使用者的空間記憶通常基於邊界和地標。例如，在地圖上記住一個城鎮的位置時，使用者會以地圖的邊界或顯著特徵（如河流）作為參考點。

在地圖上的空間記憶是參照邊界建立的，例如這張紙質地圖的邊緣或貫穿巴黎市中心的塞納河所形成的邊界（在這個例子中，塞納河既是地標又是邊界）。
當瀏覽器視窗調整大小時，MacOS Finder 會重新排列“應用程式”資料夾，將圖示向下推到其他行，以避免出現水平滾動。由於空間位置未被保留，因此要重新找到特定圖示會變得困難。
然而，並非 macOS Finder 中的所有資料夾都會自動調整佈局。在此示例中，當視窗調整大小時，空間位置會被保留，使用者需要水平滾動才能訪問當前視口之外的專案。另一種方法是縮小所有圖示，以便它們彼此之間保持相對位置。當然，這種方法會有可見性和易讀性的限制和缺點。

空間記憶的模糊性 (Spatial Memory Is Inexact)

模糊性: 除了高頻使用的物件，使用者對位置的記憶通常是模糊的。

  • 街區級記憶: 使用者能記住物件所在的大致區域。
  • 門牌號級記憶: 對於高頻使用物件，使用者可能形成準確記憶。

使用者差異: 研究表明，空間記憶能力因人而異，具有更強空間能力的使用者更容易準確記住位置。

透過對AutoCAD介面進行模糊化處理，研究發現使用者的空間記憶通常停留在“鄰近區域”級別，而非具體控制元件位置。

支援使用者建立空間記憶的設計建議 (Design Guidelines for Supporting Spatial Memory)

1. 避免適應性介面（Adaptive Interfaces）

定義: 適應性介面根據使用者行為動態調整元素位置，容易破壞空間記憶。

解決方案:在介面中提供“常用項”或“最近使用項”區域，且保留元素的原始位置。

案例:Microsoft Word 的字型選擇選單包含“最近使用字型”區域，同時保留完整字型列表。

微軟 Office 的字型下拉選單頂部有一個“最近使用的字型”部分。在最近部分顯示的字型在下拉選單中的正常位置會重複出現。

2. 提供清晰的視覺和文字線索

文字標籤: 配合圖示提供文字標籤，幫助使用者快速識別目標控制元件。

視覺標識: 透過顏色、高亮等方式區分相似元素，但需避免造成視覺幹擾。

3. 設計寬而淺的層級結構

定義: 寬而淺的層級結構可以讓使用者同時看到更多選項，有助於建立空間記憶。

優點:加快使用者定位速度。減少互動成本（如避免過多點選展開子選單）。

4. 提供資訊空間概覽 (Information-Space Overviews)

問題: 大量資料無法全部顯示在一個螢幕中，需透過滾動訪問，這會削弱空間記憶。

解決方案:

  • 迷你地圖（Minimap）: 在程式碼編輯器等場景中顯示整體內容概覽。
  • 縮圖檢視（Thumbnail View）: 在檔案中提供頁面縮圖，方便快速定位。
  • 動畫效果: 在概覽和具體頁面間切換時使用縮放動畫，幫助使用者建立空間認知。

案例:Atom.io 編輯器的迷你地圖和Apple Preview 的檔案縮圖都支援使用者快速瀏覽和定位資訊。

蘋果 MacOS 系統上的 Preview 應用程式為大型檔案提供了一個空間上穩定的概覽，在過渡到特定頁面時會顯示放大或縮小的動畫效果。

5. 建立人工地標 (Create Artificial Landmarks)

定義: 透過標記（如顏色變化、已訪問連結）幫助使用者回憶已訪問的內容。

作用: 類似書頁折角，讓使用者快速回溯已檢視的頁面或區域。